var Component = function()
{
	this.id = '';
	this.Id = function()
	{
		if (arguments.length == 0)
			return this.id;
		this.id = arguments[0];
		return this.id;
	}

	this.visualNode = null;
	this.VisualNode = function()
	{
		if (arguments.length == 0)
			return this.visualNode;
		this.visualNode = arguments[0];
		return this.visualNode;

	}

	this.Create = function()
	{
		var el = document.createElement('DIV');
		this.VisualNode(el);
	}

	this.value = null;
	this.Value = function()
	{
		if (arguments.length == 0)
			return this.value;
		this.value = arguments[0];
		this.valueChanged();
		return this.value;
	}

	this.valueChanged = function()
	{

	}
	this.dataSourceChanged = function()
	{

	}

	this.dataObject = null;
	this.DataSource = function()
	{
		if (arguments.length == 0)
			return this.dataObject;
		this.dataObject = arguments[0];
		this.dataSourceChanged();
		return this.dataObject;
	}

}
